<template>
	<view v-if="dataList">
		<prod-list
			v-if="!parameter.layout || parameter.layout == 1 || parameter.layout == 2"
			:parameter="parameter"
			:layout="parameter.layout || 2"
			:dataList="dataList"
		></prod-list>
		<row-prod v-else-if="parameter.layout == 3" :parameter="parameter" :dataList="dataList"></row-prod>
		<prod-other v-else-if='parameter.layout == 4' :parameter="parameter" :dataList="dataList"></prod-other>
		<transverse v-else :parameter="parameter" :dataList="dataList"></transverse>
		
		<template v-if="parameter.layout != 3 && isComponent || pageNo > 1">
			<sww-load-more :params="{ init: true, loading: loading, len: dataList.length, loadMore: pageCount > pageNo }"></sww-load-more>
		</template>
	</view>
</template>

<script>
import { configMixin } from './configMixin.js';
import prodList from '@/pagecomponents/prodList/index.vue';
import rowProd from '@/pagecomponents/prodList/rowProd.vue'
import prodOther from '@/pagecomponents/prodList/prodOther.vue'
import transverse from '@/pagecomponents/prodList/transverse.vue' 
export default {
	mixins: [configMixin],
	components: { prodList,rowProd,'prod-other':prodOther,transverse },
	data() {
		return {};
	},

};
</script>

<style lang="scss" scoped></style>
